---
import { getCollection } from "astro:content";
import Layout from "@layouts/Layout.astro";
import Container from "@components/container.astro";
import Breadcrumb from '@components/breadcrumb.vue';
import ProductTable from '@components/productTable.vue';


// Filter team entries with 'draft: false' & date before current date
const publishedTeamMembers = await getCollection("team", ({ data }) => {
  return !data.draft && data.publishDate < new Date();
});
---

<Layout title="About">
  <Container>
    <Breadcrumb client:only />
    <div class="title">电源转换器</div>
    <div class="overflow-scroll relative mb-[50px]" style="min-height: 400px;">
      <ProductTable client:load />
      <div class="h-[42px] bg-brown w-full absolute bottom-0"></div>
    </div>
    <!-- <PlanList /> -->
  </Container>

</Layout>
<style>
  .title{
    font-size: 40px;
    font-weight: normal;
    margin-top: 6px;
    margin-bottom:  34px;
    text-align: center;
    color: #3D3D3D;
  }
</style>
